import * as React from 'react';
import CssBaseline from '@material-ui/core/CssBaseline';
import Typography from '@material-ui/core/Typography';
import Container from '@material-ui/core/Container';

export default function SimpleContainer() {
  return (
    <React.Fragment>
        <Typography>
            使用fixed = true\  属性 container 元素 会随着界面的放缩来动态改变
        </Typography>
      <CssBaseline />
      <Container maxWidth="lg" disableGutters={true} fixed={true}>
        <Typography
          component="div"
          style={{
            backgroundColor: '#cfe8fc',
            height: '100vh',
          }}
        />
      </Container>
    </React.Fragment>
  );
}
